const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,//关闭语法检查
  devServer: {                //记住，别写错了devServer//设置本地默认端口  选填
    port: 5831,
    proxy: {                 //设置代理，必须填
      '/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
        target: 'http://localhost:8080',     //代理的目标地址
        changeOrigin: true,              //是否设置同源，输入是的
        pathRewrite: {                   //路径重写
          '^/api': ''                     //选择忽略拦截器里面的单词
        }
      }
    }
  }
})
/**
 * “component name ‘index’ should always be multi-word”错误是因为eslint-plugin-vue版本更新了，相较之前版本，@8版本中新增了不少规则，第一条就是’vue/multi-word-component-names’: ‘error’，要求组件名称以驼峰格式命名。
 解决方法
 方法一：修改组件名称
 按照规则，将组件名称改为驼峰格式，如：firstIndex.vue3。

 方法二：关闭语法检查
 在项目的根目录找到vue.config.js文件，没有就新创建，添加以下代码2：
 * @type {{lintOnSave: boolean}}
 */
// module.exports = {
//   lintOnSave: false
// }
// 跨域配置
// module.exports = {
//   devServer: {                //记住，别写错了devServer//设置本地默认端口  选填
//     port: 9876,
//     proxy: {                 //设置代理，必须填
//       '/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
//         target: 'http://localhost:8080',     //代理的目标地址
//         changeOrigin: true,              //是否设置同源，输入是的
//         pathRewrite: {                   //路径重写
//           '^/api': ''                     //选择忽略拦截器里面的单词
//         }
//       }
//     }
//   }
// }
